<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>联通大数据交易集市</title>
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>css/tpshop.css"/>
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>css/jquery.jqzoom.css">
    <script src="<?=base_url()?>js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="<?=base_url()?>js/layer-min.js"></script>
    <script type="text/javascript" src="<?=base_url()?>js/jquery.jqzoom.js"></script>
    <script src="<?=base_url()?>js/global.js"></script>
    <script src="<?=base_url()?>js/pc_common.js"></script>
    <script src="<?=base_url()?>js/viewer.min.js"></script>
    <link rel="stylesheet" href="<?=base_url()?>css/viewer.min.css">
    <link rel="icon" href="<?=base_url()?>images/favicon.ico"/>
    <script src="<?=base_url()?>js/common.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--header-s-->
<style type="text/css">
.categorys .dt h2{
	height: 40px;
	line-height: 40px;
	background: #ffac38;
	font-size: 16px;
	text-indent: 45px;
	color: #fff;
	font-weight: 300;
	padding-left: 15px;
}
.categorys .dt h2 i{
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url(Images/wan-icon.png) no-repeat;
	margin-right: 15px;
	vertical-align: 0;
}
.navitems li {
	width: 160px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.navitems ul li a{
	color: #FFF;
}
.navitems ul li.selected a{
	color:#ffac38;
}

.navitems ul li a:hover {
	color: #ffac38;
}
</style>
<div class="tpshop-tm-hander p">
	<div class="top-hander p">
		<div class="w1224 pr">
			<div class="fl goHome">
				<a href="<?=base_url()?>index.php/home/index/index">返回平台首页</a>
			</div>
			<div class="top-ri-header fr">
				<ul>
					<li><em>|</em></li>
					<li class="wxbox-hover">
						<a target="_blank" href="">关注我们</a>
						<div class="sub-panel wx-box">
							<p class="n"> 扫描二维码 <br>关注微信公众号 </p>
							<img src="<?=base_url()?>picture/weixin.jpg">
						</div>
					</li>
					<li><em>|</em></li>
					<li class="ls-dlzc">
						<a href="/news.html" target="_blank">平台动态</a>
					</li>
					<li><em>|</em></li>
				</ul>
			</div>
			<div class="fr">
				<?php if(empty($_SESSION['user_name'])):?>
				<div class="ls-dlzc fl">你好，
					<a href="<?=base_url()?>index.php/home/login/login/index">请登录</a>
					<em style="color: #8c8c8c;">|</em>
					<a class="red" href="<?=base_url()?>index.php/home/login/login/register">免费注册</a>
				</div>
				<?php else:?>
				<div class="ls-dlzc fr">欢迎，
					<a class="red userinfo" href="<?=base_url()?>index.php/home/userinfo/userinfo/index"><?php echo $_SESSION['user_name']?></a>
					<a href="<?=base_url()?>index.php/home/login/logout">退出</a>
				</div>
				<?php endif;?>
				<div class="sendaddress pr fr">
				</div>
			</div>
		</div>
	</div>
	<div class="nav-middan-z tphsop2_0 p">
		<div class="header w1224">
			<div class="ecsc-logo">
				<a class="logo" href="/"><img src="<?=base_url()?>photos/logo3.png"/></a>
			</div>
			<div class="ecsc-search">
				<form id="sourch_form" name="sourch_form" method="post" action="/Home-Goods-search.html" class="ecsc-search-form">
					<input autocomplete="off" name="q" id="q" type="text" value="" placeholder="搜索关键字" class="ecsc-search-input">
					<button type="button" class="ecsc-search-button" >搜索</button>
					<script type="text/javascript">

			            $('.ecsc-search-button').on('click',function(){
			                if($.trim($('#q').val()) != ''){
			                    $('#sourch_form').submit();
			                }else{
			                    $('#q').css('background-color','#F6D4CB');
			                    $('#q').attr('placeholder','请输入关键字');
			                }
			            })
						;(function($){
							$.fn.extend({
								donetyping: function(callback,timeout){
									timeout = timeout || 1e3;
									var timeoutReference,
											doneTyping = function(el){
												if (!timeoutReference) return;
												timeoutReference = null;
												callback.call(el);
											};
									return this.each(function(i,el){
										var $el = $(el);
										$el.is(':input') && $el.on('keyup keypress',function(e){
											if (e.type=='keyup' && e.keyCode!=8) return;
											if (timeoutReference) clearTimeout(timeoutReference);
											timeoutReference = setTimeout(function(){
												doneTyping(el);
											}, timeout);
										}).on('blur',function(){
											doneTyping(el);
										});
									});
								}
							});
						})(jQuery);

						$('.ecsc-search-input').donetyping(function(){
							search_key();
						},500).focus(function(){
							var search_key = $.trim($('#q').val());
							if(search_key != ''){
								$('.candidate').show();
							}
						});
						$('.candidate').mouseleave(function(){
							$(this).hide();
						});

						function searchWord(words){
							$('#q').val(words);
							$('#sourch_form').submit();
						}
						function search_key(){
							var search_key = $.trim($('#q').val());
							if(search_key != ''){
								$.ajax({
									type:'post',
									dataType:'json',
									data: {key: search_key},
									url:"/Home-Api-searchKey.html",
									success:function(data){
										if(data.status == 1){
											var html = '';
											$.each(data.result, function (n, value) {
												html += '<li onclick="searchWord(\''+value.keywords+'\');"><div class="search-item">'+value.keywords+'</div><div class="search-count">约'+value.goods_num+'个商品</div></li>';
											});
											$('#search_list').empty().append(html);
											$('.candidate').show();
										}else{
											$('#search_list').empty();
										}
									}
								});
							}
						}
					</script>
				</form>
			</div>
			<div class="top-ri-header ecsc-ri-down fr">
				<ul>
					<li class="hover-ba-navdh">
						<div class="nav-dh">
							<span class="center-hv-span">客户中心</span>
							<i class="jt-x center-x"></i>
							<div class="white_line"></div>
							<div class="center-hv-nav">
								<ul>
									<li><a href="/Home-Virtual-virtual_list.html">我的订单</a></li>
									<li><a href="javascript:;">购物车</a></li>
									<li><a href="javascript:;">我的定制</a></li>
									<li><a href="javascript:;">我的问答</a></li>
									<li><a href="javascript:;">我的关注</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li class="hover-ba-navdh">
						<div class="nav-dh">
							<span class="center-hv-span">商家中心</span>
							<i class="jt-x center-x"></i>
							<div class="white_line"></div>
							<div class="center-hv-nav">
								<ul>
									<li><a href="/Home-Newjoin-index.html">商家入驻</a></li>
									<li><a href="javascript:;">发布数据</a></li>
									<li><a href="javascript:;">合作事宜</a></li>
									<li><a href="javascript:;">在线咨询</a></li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="nav tpshop2_0_nav p">
		<div class="w1224 p">
			<div class="categorys home_categorys" style="margin: 0px;">
				<div class="dt">
					<h2>
						<!-- <i></i> -->
						<span>大数据交易集市</span>
					</h2>
				</div>
			</div>
			<div class="navitems" id="nav" style="margin: 0px;">
				<ul>
					<li class='selected' >
						<a href="<?=base_url()?>index.php/home/datahub/index">数据包集市</a>
					</li>
					<li>
						<a href="/api">API集市</a>
					</li>
					<li>
						<a href="/report">报告集市</a>
					</li>
					<li>
						<a href="/market">应用场景集市</a>
					</li>
					<li>
						<a href="/demand">数据定制</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>